<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="top-tips">
        <div>
            <img src="./images/close.png" alt="">
        </div>
        <div>
            <img src="./images/logo1.png" alt="">
        </div>
        <div>打开京东App，购物更轻松</div>
        <div>立即打开</div>
    </div>
    <div class="search-box">
        <div class="menu">
            <span></span>
        </div>
        <div class="search">
            <span></span>
            <i></i>
            <input type="text">
        </div>
        <div>登录</div>
    </div>
    <div class="banner">
        <div class="banner-bg"></div>
        <ul>
            <li><a href="#"><img src="images/banner01.dpg" alt=""></a></li>
            <li><a href="#"><img src="images/banner01.dpg" alt=""></a></li>
            <li><a href="#"><img src="images/banner01.dpg" alt=""></a></li>
          </ul>
    </div>
    <nav class="nav">
        <ul>
            <li>
                <img src="images/nav01.webp" alt="">
                <p>京东超市</p>
            </li>
            <li>
                <img src="images/nav02.webp" alt="">
                <p>数码电器</p>
            </li>
            <li>
                <img src="images/nav03.webp" alt="">
                <p>京东服饰</p>
            </li>
            <li>
                <img src="images/nav04.webp" alt="">
                <p>京东生鲜</p>
            </li>
            <li>
                <img src="images/nav05.webp" alt="">
                <p>京东到家</p>
            </li>
            <li>
                <img src="images/nav06.dpg" alt="">
                <p>充值缴费</p>
            </li>
            <li>
                <img src="images/nav07.dpg" alt="">
                <p>物流查询</p>
            </li>
            <li>
                <img src="images/nav08.dpg" alt="">
                <p>领券</p>
            </li>
            <li>
                <img src="images/nav09.dpg" alt="">
                <p>领金贴</p>
            </li>
            <li>
                <img src="images/nav10.dpg" alt="">
                <p>PLUS会员</p>
            </li>
        </ul>
    </nav>
    <!-- 秒杀 -->
    <div class="miaosha">
        <div class="h">
            <div>
                <span>京东秒杀</span>
                <span>10</span>
                <span>00:00:00</span>
            </div>
            <p class="m">更多秒杀</p>
        </div>
        <ul>
            <li>
                <img src="images/miaosha01.png" alt="">
                <p>&yen;19.7</p>
            </li>
            <li>
                <img src="images/miaosha02.dpg" alt="">
                <p>&yen;568</p>
            </li>
            <li>
                <img src="images/miaosha03.dpg" alt="">
                <p>&yen;64.7</p>
            </li>
            <li>
                <img src="images/miaosha04.dpg" alt="">
                <p>&yen;88</p>
            </li>
            <li>
                <img src="images/miaosha05.dpg" alt="">
                <p>&yen;123</p>
            </li>
            <li>
                <img src="images/miaosha06.dpg" alt="">
                <p>&yen;9.9</p>
            </li>
        </ul>
    </div>
    <!-- 商品列表 -->
    <div class="goods">
        <ul>
            <li>
                <img src="images/good01.webp" alt="">
                <p class="desc">极创意 手机直播支架手机补光灯带美颜灯单机位落地折叠支架抖音快手直播设备网红主播户外自拍桌面视频神器 升级版美颜补光灯粉色【29cm</p>
                <p>
                    <span>&yen;99</span>
                    <span>找相似</span>
                </p>
            </li>
            <li>
                <img src="images/good01.webp" alt="">
                <p class="desc">极创意 手机直播支架手机补光灯带美颜灯单机位落地折叠支架抖音快手直播设备网红主播户外自拍桌面视频神器 升级版美颜补光灯粉色【29cm</p>
                <p>
                    <span>&yen;99</span>
                    <span>找相似</span>
                </p>
            </li>
            <li>
                <img src="images/good01.webp" alt="">
                <p class="desc">极创意 手机直播支架手机补光灯带美颜灯单机位落地折叠支架抖音快手直播设备网红主播户外自拍桌面视频神器 升级版美颜补光灯粉色【29cm</p>
                <p>
                    <span>&yen;99</span>
                    <span>找相似</span>
                </p>
            </li>
            <li>
                <img src="images/good01.webp" alt="">
                <p class="desc">极创意 手机直播支架手机补光灯带美颜灯单机位落地折叠支架抖音快手直播设备网红主播户外自拍桌面视频神器 升级版美颜补光灯粉色【29cm</p>
                <p>
                    <span>&yen;99</span>
                    <span>找相似</span>
                </p>
            </li>
        </ul>
    </div>
</body>
</html>